<style type="text/css" media="screen">

    .weui-cells__title{
        color:#000;
        font-size:17px;
    }
    .weui-cell::before{
      border-top:none;
    }
    .weui-cells::before{
      border-top:none;
    }
    .weui-cells::after{
        border-bottom: none;
    }
    .my-weui-cell{
        /* border-top: 1px solid #e5e5e5; */
        border-bottom: 1px solid #e5e5e5;
    }
    .inline-input {
        border: 1px solid #ccc;
        display:inline;
        width:150px;
    }

    .page__hd {
        /* padding: 0px; */
        padding: 0px 5px;
        padding-top: 10px;
        /* border: 1px solid #000; */
    }
    .page__title{
        margin-top: 5px;
        font-size: 20px;
        color: #333;
        text-align: center;
    }
    .weui-panel__hd
    {
        font-size: 15px;
    }
   .weui-dialog__bd {
        text-align: left;
    }
    .weui-dialog__ft {
        display: none;
    }
</style>

<form name="form1" id="form1"  role="form" data-toggle="validator" method="POST" action="">
    <div class='weui-mask_transparent' id="toast">
        <div class="weui-toast weui_loading_toast weui-toast--visible" >
            <div class="weui_loading">
                <i class="weui-loading weui-icon_toast"></i>
            </div>
            <p class="weui-toast_content">数据加载中</p>
        </div>
    </div>
    <div class="page">

        <div class="page__hd">
            <div class="page__title" id="title">
                  入校登记
            </div>
        </div>
        <div class="page__bd">
            <div class="weui-cells weui-cells_form">
                <div class ="my-weui-cell">
                    <div class="weui-cells__title"><label class="weui-label">姓名</label></div>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="text" required  name='row[nickname]' id='nickname' placeholder="请输入姓名" emptyTips="请输入姓名" >
                        </div>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>
                <div class ="my-weui-cell" id="div_tel">
                    <div class="weui-cells__title" id="tel_lable">手机号</div>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="tel" name='row[tel]' id='tel' required  pattern="[0-9]{11}" maxlength="11" placeholder="请填写手机号" notMatchTips="请输入正确的手机号"  emptyTips="请填写手机号" >
                        </div>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="row[gate_id]" value="{$ids}" />
                <div class ="my-weui-cell">
                    <div class="weui-cells__title" id="tel_lable">身份证</div>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                              <input id="card_id" name='row[card_id]' class="weui-input" type="text" required pattern="REG_IDNUM" maxlength="18" placeholder="输入你的身份证号码" emptyTips="请输入身份证号码" notMatchTips="请输入正确的身份证号码">
                        </div>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>

                <div class ="my-weui-cell">
                    <div class="weui-cells__title" id="tel_lable">车牌号码</div>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="car_number" name='row[car_number]' id='text' required  placeholder="请填写车牌号码" emptyTips="请填写车牌号码" >
                        </div>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>

                <div class ="my-weui-cell">
                    <div class="weui-cells__title" id="tel_lable">接访单位</div>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="receive_department" name='row[receive_department]' id='text' required  placeholder="请填写接访单位" emptyTips="请填写接访单位" >
                        </div>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>

                <div class ="my-weui-cell">
                   <div class="weui-cells__title">访问事由</div>
                    <div class="weui-cells weui-cells_form">
                      <div class="weui-cell">
                        <div class="weui-cell__bd">
                          <textarea id="memo" class="weui-textarea" placeholder="请输入" rows="2" name="row[memo]" ></textarea>
                          <!-- <div class="weui-textarea-counter"><span>0</span>/200</div> -->
                        </div>
                      </div>
                    </div>
                </div>

                <!-- <a href="javascript:;" id="datePickerBtn" class="weui-btn weui-btn_default">DatePicker</a> -->

            <div  style="margin-top: 15px;">
                <button id="formSubmitBtn" type="button"  class="weui-btn  weui-btn_success">提交</button>
            </div>
        </div>
    </div>
</form>
<div style="display: none">
    <script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1278607366&web_id=1278607366"></script>
</div>
<script type="text/javascript">
       var wait =3;
       var interval = setInterval(function () {
        var time = --wait;
           if (time <= 0) {
              document.getElementById('toast').style.display="none";
        }
    }, 1000);

</script>